<template>
  <div class="app">
    <appHeader  @msgchange="msgchange"></appHeader>
    <appList title="正在进行" :injectmsg.sync="doingInput" @output="doing"></appList>
    <appList title="已经完成" :injectmsg.sync="doneInput" @output="done"></appList>
  </div>
</template>

<script>
import appHeader from './components/appHeader';
import appList from './components/appList';

export default {
  name: 'App',
  components: { appHeader, appList },
  data() {
    return {
      temp: '',
      doneInput: '',
      doingInput: '',
    };
  },
  methods: {
    msgchange(data) {
      this.temp = data;
    },
    doing(data) {
      this.doneInput = data;
    },
    done(data) {
      this.doingInput = data;
    },
  },
  computed: {},
  props: {},
  watch: {
    temp() {
      this.doingInput = this.temp;
    },
  },
};
</script>

<style>

</style>
